<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<div class="table-responsive">
    <table class="table table-bordered">
        <thead>
        <tr>
            <th class="text-center"><div class="table-first-id">ID</div></th>
            <th class="text-center" width="15%">学员名称</th>
            <th class="text-center" width="15%">开始时间</th>
            <th class="text-center" width="15%">结束时间</th>
            <th class="text-center" width="15%">提交时间</th>
            <th class="text-center" width="10%">提交状态</th>
            <th class="text-center" width="10%">批阅状态</th>
            <th class="text-center" width="15%">操作</th>
        </tr>
        </thead>
    </table>
    <div class="J_V_tabContent table-xScrollWrap">
        <table class="table table-bordered table-hover table-xs-content">
            <tbody id="tbodyClasses">
                <tr class="jqgfirstrow" role="row">
                    <th class="text-center"><div class="table-first-id">&nbsp;</div></th>
                    <th class="text-center" width="15%">&nbsp;</th>
                    <th class="text-center" width="15%">&nbsp;</th>
                    <th class="text-center" width="15%">&nbsp;</th>
                    <th class="text-center" width="15%">&nbsp;</th>
                    <th class="text-center" width="10%">&nbsp;</th>
                    <th class="text-center" width="10%">&nbsp;</th>
                    <th class="text-center" width="15%">&nbsp;</th>
                </tr>
                <tr th:if="${#lists.isEmpty(dataMap['list'])}">
                    <td colspan="9" class="text-center">
                        <div class="noDataTipsBox">
                            <p><span class="c-4e fs16">亲，还没有数据~~~</span></p>
                        </div>
                    </td>
                </tr>
                <tr th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="personalTask:${dataMap['list']}">
                    <td class="text-center" th:text="${personalTask['id']}">
                        <!--<input type="checkbox" class="i-checks"/>${personalTask.id}-->
                    </td>
                    <td class="text-center" th:text="${personalTask['user']['nickname']}">
                    </td>
                    <td class="text-center" th:text="${personalTask['beginTime']}!=null ? ${personalTask['beginTime']}:'—'">
                    </td>
                    <td class="text-center" th:text="${personalTask['endTime']}!=null ? ${personalTask['endTime']}:'—'">
                    </td>
                    <td class="text-center" th:text="${personalTask['submitTime']}!=null ? ${personalTask['submitTime']}:'—'">
                    </td>
                    <td class="text-center">
                        <span class="label label-danger" th:if="${personalTask['status']}== 1">未提交</span>
                        <span th:if="${personalTask['status']}== 2">
                            <span th:if="${personalTask['endTime']}!=null and ${personalTask['endTime']}!='' and ${personalTask['endTime'] }<${personalTask['submitTime']}" class="label label-danger">超时提交</span>
                            <span th:if="${personalTask['endTime']}!=null and ${personalTask['endTime']}!='' and ${personalTask['endTime'] }>${personalTask['submitTime']}" class="label label-info">已提交</span>
                            <span th:if="${personalTask['endTime']}==null or ${personalTask['endTime']}==''" class="label label-info">已提交</span>
                        </span>
                    </td>
                    <td class="text-center status">
                        <span th:if="${personalTask['marked']}== 1" class="label label-danger">未批阅</span>
                        <span th:if="${personalTask['marked']}== 2" class="label label-info">已批阅</span>
                    </td>
                    <td class="text-center">
                        <a id="not-approved" th:if="${personalTask['status']}== 1 or ${personalTask['status']}==3" href="javascript:void(0);" class="c-master fs14"  data-toggle="tooltip" data-placement="bottom" data-original-title="批阅"><i class="fa fa-pencil" style="color: dimgray;"></i></a>
                        <a th:if="${personalTask['status']}== 2" th:attrappend="data-user=${personalTask['user']['id']},data-personaltask=${personalTask['id']}"  class="c-master fs14 openMarkTaskResult"  data-toggle="tooltip" data-placement="bottom" data-original-title="批阅"><i class="fa fa-pencil"></i></a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <!-- 分页，开始 -->
    <div data-th-replace="layout/adminPage"></div>
    <!-- 分页，结束 -->
</div>

